@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff2?t=1631331068179') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff?t=1631331068179') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.ttf?t=1631331068179') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 网站色值设置 */
body{--zhu-color:#1e6d2f;--pei-color:#fcc300;}
/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
ul,li{list-style:none;margin:0;padding:0;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
button:active, button:focus{ border:none; outline:0; }
.inner{ width: 1200px; margin:0 auto; }
@media only screen and (max-width: 1200px){
  .inner{ width: 100%; box-sizing: border-box; }
}
@media only screen and (max-width: 640px){
  .inner{ padding:0; }
}

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

/*no-goods*/
.no-goods{ width: 100%;}
.no-goods,.no-network{padding:50px 0; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .down{ display: block; }
  .plugin-fixed-call{ display: none; }
}

/* 字体引入 */
@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: KOKILA; src: url('./fonts/KOKILA.ttf'); }

/*header*/
.h-tool{line-height: 34px; background: -webkit-linear-gradient(left, #e8e7ec 50%, #07773f 50%); background: -o-linear-gradient(right, #e8e7ec 50%, #07773f 50%); background: -moz-linear-gradient(right, #e8e7ec 50%, #07773f 50%); background: linear-gradient(to right, #e8e7ec 50%, #07773f 50%); }
.h-tool .text-left p{color: #929192;}
.h-tool a, .h-tool p{font-size: 14px; color: #ffffff; display: inline-block;}
.h-tool a{padding-right: 10px; line-height: 14px;}
.h-tool .text-right > div > a+a{padding-left: 10px; border-left: 1px solid #fff;}
.h-tool .text-right > div{display: inline-block;}
.h-tool a:hover{color: #fe9404;}
.h-top{padding:30px 0; background: #fff;}
.h-top .tel{ display: inline-flex; float: right; height: 100%; align-items: flex-start; justify-content: center; flex-direction: column; padding-left: 74px; background: url(../images/ico_tel.jpg) no-repeat left center; }
.h-top .tel p{ font-size: 16px; color:#666666; line-height:1; margin-bottom:12px; }
.h-top .tel b{ font-size: 26px; font-family:"思源黑体 CN"; color:#07773f; line-height:1; }
.m-menu{background: #1e6d2f;}
.navbar-nav{ flex-direction: row; width: 100%; }
.navbar-nav > li{ width: 10%; }
.navbar-nav > li > a{ display: block; width: 100%; text-align: center; padding:16px 0; font-size: 16px; color: #ffffff; }
.navbar-nav > li > a:hover{ color: #333333; background: #fcc300; }

/*banner*/
#banner{ width: 100%;}
#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom:30px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 14px; height: 14px; background: var(--zhu-color); border-radius: 12px; border:none; }
@media only screen and (max-width: 1900px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 646px){
  #banner .swiper-pagination{ bottom:15px; }
  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 10px; height: 10px; background: var(--zhu-color); border-radius: 12px; border:none; }
}


/* m-tit */
.m-tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m-tit > div{ text-align: center; width: 230px; height: 32px; border:1px solid var(--zhu-color); position: relative; }
.m-tit > div b{ font-weight: normal; font-size: 24px; color: var(--zhu-color); line-height: 1; display: inline-block; padding:0 40px; position: relative; top:20px; background: #fff; }
.m-tit > span{ font-size: 50px; color: var(--zhu-color); font-family: "KOKILA"; text-transform: uppercase; line-height: 1; margin:20px 0 0; }
.m-tit > hr{ width:170px; height: 1px; background: var(--zhu-color); border:0; line-height: 1; margin-bottom: 12px; }
.m-tit > small{ font-size: 18px; color: var(--zhu-color); font-family: "KOKILA"; text-transform: uppercase; line-height: 1; }

/* m-about */
.m-about{background: url(../images/about-bg.png) no-repeat bottom center;overflow: hidden;padding-bottom: 315px;position: relative;z-index: 2; background-size: cover; }
.m-about .hd{text-align: center; padding:40px 0 26px; background: #fff; margin-top: 18px;}
.m-about .bd{overflow: hidden;padding-bottom: 66px; background: #fff;}
.m-about .bd .left{padding-left: 70px;}
.m-about .bd .left img{width: 100%;}
.m-about .bd .right{padding-right: 70px;}
.m-about .bd .right p{font-size: 16px; color: #666666; line-height: 30px;}
.m-about .bd .right a{transition: all .36s; display: inline-block; margin-top: 20px; padding:12px 36px; background: #07773f; border-radius: 30px; font-size: 16px; color: #ffffff;}
.m-about .bd .right a:hover{ background: var(--pei-color); transition: all .36s; }

/* m-pro */
.m-pro{overflow: hidden; background: url(../images/pro-bg.jpg) no-repeat top center; margin-top: -430px; padding:252px 0 0; position: relative; z-index: 1; }
#pro{ width:100%; }
#pro .swiper-slide{ height: auto; }
#pro .swiper-slide .img{ width: 100%; padding-bottom: 70%; position: relative; overflow: hidden; border:1px solid  #dfdfdf; border-radius:5px; }
#pro .swiper-slide .img img{ width:100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
#pro .swiper-slide b{ font-weight: normal; display: block; line-height: 50px; font-size: 16px; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
#pro .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }
#pro .swiper-slide:hover b{ transition: all .3s; color: #1e6d2f; }
.m-type{overflow: hidden; margin:45px 0; text-align: center; width: 100%; }
.m-type a{display: inline-block; padding:10px 35px; border:1px solid #b7b7b9; font-size: 18px; color: #333333; border-radius: 30px; margin:0 18px 5px;}
.m-type a:hover{background: #fcc507; border-color: #fcc507; color: #fff; font-weight: bold;}

/* m-news */
.m-news{overflow: hidden; background: url(../images/news-bg.jpg) no-repeat bottom center; background-attachment: fixed; padding-top: 282px; margin-top:-260px; padding-bottom: 24px; position: relative; background-size: cover; }
.m-news::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/news-bg.png) no-repeat bottom center; position: absolute; bottom:0; left:0; background-size: cover; }
.m-news .tit{overflow: hidden;}
.m-news .tit h3{font-size: 18px; color: #ffffff; line-height: 32px; font-weight: normal; margin-left: 15px; clear: both; letter-spacing: 1px; }
.m-news .tit img{float: left; margin:70px 0 20px; clear: both; max-width: 100%;}
.m-news .txt{background: #ffffff; border-radius: 10px; padding:10px 20px; overflow: hidden; margin-top: 40px;}
.m-news .txt h3{line-height: 53px; border-bottom: 1px solid #dbdbdb; padding-left: 36px; font-size: 24px; color: #048133; font-weight: bold; background: url(../images/ico-news.png) no-repeat left center; margin-bottom: 20px;}
.m-news .txt .left{width: 60%; float: left; font-size: 14px; color: #333333; line-height: 25px;}
.m-news .txt .left img{width: 203px; height: 118px; float: left; margin:0 12px 5px 0; object-fit: cover; }
.m-news .txt .left a{color: #333333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }
.m-news .txt .left a:hover{color: #158c4c;}
.m-news .txt .right{width: 40%; float: right; box-sizing: border-box; padding-left: 20px;}
.m-news .txt .right li{overflow: hidden; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; padding-left: 16px; background: url(../images/ico-li.jpg) no-repeat left center;}
.m-news .txt .right li a{font-size: 14px; color: #333333;}
.m-news .txt .right li a:hover{color: #138b4d;}

@font-face {
  font-family: 'syst';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_yorg39mja7.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_yorg39mja7.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_yorg39mja7.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_yorg39mja7.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_yorg39mja7.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_yorg39mja7.svg#after') format('svg'); /* iOS 4.1- */
}
/* m-super */
.m-super{overflow: hidden; padding-bottom: 40px;}
.m-super .hd{text-align: center; padding:50px 0;}
.m-super .hd .tit{ display: inline-block;  background: url(../images/super-tit.jpg) no-repeat left bottom; padding:0 130px 18px; }
.m-super .hd .tit b{ display: inline-flex; align-items: center; justify-content: center; }
.m-super .hd .tit b span{ font-size: 48px; color: var(--pei-color); display: inline-block; width: 72px; height: 72px; line-height: 72px; font-family: "syst"; border-radius: 50%; border: 1px solid var(--pei-color); }
.m-super .hd .tit b span + span{ margin-left: -10px; }
.m-super .hd .tit b small{ font-family: "syst"; font-size: 35px; color: var(--zhu-color); margin-left: 20px; }
.m-super .hd .tit p{ font-size: 16px; color: #333333; line-height: 1; margin-top: 6px; }
.m-super .bd li{clear: both; }
.m-super .bd li h3{line-height: 52px; margin-bottom: 32px; background: url(../images/h3-bg.png) no-repeat left center; font-size: 26px; color: #ffffff; font-weight: bold;}
.m-super .bd li h3 span{display: inline-block; width: 44px; height: 44px; text-align: center; line-height: 44px; margin:2px 20px 0 2px; font-size: 30px; color: #00823a; font-weight: bold;}
.m-super .bd li p{font-size: 14px; color: #666666; line-height: 24px; padding-left: 20px; background: url(../images/ico-p.png) no-repeat left 5px; }
.m-super .bd li:nth-child(1) .txt{ margin-top: 50px;}
.m-super .bd li:nth-child(2){ flex-direction: row-reverse; overflow: visible; margin-top: 50px; }
.m-super .bd li:nth-child(2) > div img{position: relative; top:-60px;}
.m-super .bd li:nth-child(3) > div img{position: relative; top:-30px;}
@media screen and (max-width: 768px){
  .m-super .hd .tit{ display: block; padding:0 0 18px; }
  .m-super .hd .tit b span{ font-size: 36px; width: 60px; height: 60px; line-height: 60px; }
  .m-super .hd .tit b small{ font-size: 32px; }
  .m-super .hd .tit b span + span{ margin-left: -8px; }
}
@media screen and (max-width: 640px){
  .m-super .hd .tit{ background: none; }
  .m-super .hd .tit{ display: block; padding:18px 0; }
  .m-super .hd p{ font-size: 14px; }
  .m-super .hd .tit b span + span{ margin-left: -5px; }
}
@media screen and (max-width: 576px){
  .m-super .hd .tit b span{ font-size: 24px; width: 40px; height: 40px; line-height: 40px; }
  .m-super .hd .tit b small{ font-size: 20px; margin-left: 8px; }
  .m-super .hd p{ font-size: 12px; }
}

/* m-case */
.m-case{background: url(../images/case-bg.png) no-repeat top center; overflow: hidden; background-size: cover;}
.m-case .m-tit > div{ border:1px solid #fff;  }
.m-case .m-tit > div b{ color: #fff; background: #00823a; }
.m-case .m-tit > span{ color: #fff; }
.m-case .m-tit > hr{ background: #fff; }
.m-case .m-tit > small{ color: #fff; }
.m-case .hd{padding:65px 0 55px; text-align: center;}
.m-case .bd{padding-bottom: 30px;}
.m-case .bd .swiper-slide .img{ overflow: hidden; width: 100%; height: 205px; border:3px solid #fff; border-radius: 25px; transition: all .3s; }
.m-case .bd .swiper-slide img{width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.m-case .bd .swiper-slide b{ display: block; line-height: 56px; text-align: center; padding:0 20px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ffffff; font-weight: normal; transition: all .3s; }
.m-case .bd .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }
.m-case .bd .swiper-slide:hover b{ transition: all .3s; color: var(--pei-color); }

/* footer */
footer{overflow: hidden; background: url(../images/f-bg.jpg) no-repeat top center; padding-bottom: 20px; background-size: cover;}
#footer .container{position: relative;}
.f-qa{padding:36px 0; overflow: hidden; }
.picScroll-left{overflow:hidden; position:relative; }
.picScroll-left .hd{overflow:hidden; }
.picScroll-left .hd b{font-size: 20px; color: #2c2d2d; font-weight: bold;}
.picScroll-left .hd p{font-size: 14px; color: #666666;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display: inline-block; padding:7px 15px; background: #4a4a4a; cursor: pointer;}
.picScroll-left .hd .prev{background:#4a4a4a url(../images/qa-right.png) no-repeat center;}
.picScroll-left .hd .next{background:#00823a url(../images/qa-left.png) no-repeat center;}
.picScroll-left .hd .prev:hover{background:#00823a url(../images/qa-right.png) no-repeat center;}
.picScroll-left .hd .next:hover{background:#4a4a4a url(../images/qa-left.png) no-repeat center;}
.picScroll-left .bd{width: 100%; overflow: hidden;}
.picScroll-left .bd li{width: calc(50% - 10px); text-align: left; /*padding:20px;*/ margin:0 5px; background: #f5f5f5; float:left; box-sizing: border-box;}
.picScroll-left .bd li a{display: inline-block; margin:20px;}
.picScroll-left .bd li b{ display: block; padding-left: 36px; background: url(../images/w.png) no-repeat left top; font-size: 14px; color: #333333; font-weight: bold; line-height: 25px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.picScroll-left .bd li p{ padding-left: 36px; box-sizing: border-box; background: url(../images/d.png) no-repeat left top; font-size: 14px; color: #666666; line-height: 24px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

.f-nav{padding:18px 0; display: flex; align-items: center; justify-content: space-between; border-top:1px solid #00823a; border-bottom: 1px solid #00823a; margin-bottom: 20px;}
.f-nav a{display: inline-block; font-size: 14px; color: #333333; line-height: 1; width: 12.5%; text-align: center; }
.f-nav a:hover{font-weight: bold; color: #00823a;}

.f-contact img{margin-bottom: 20px;}
.f-contact p{ display:flex; align-items:center;  }
.f-contact p img{ margin:0 10px 0 0;  }
.f-contact p, .f-contact p a{font-size: 13px; color: #333333; line-height: 30px;}
.f-type h3{font-size: 16px; color: #00823a; font-weight: bold; line-height: 36px;}
.f-type a{display: inline-block; font-size: 14px; color: #333333; line-height: 30px; margin-right: 34px;}
#footer a:hover{color: #00823a;}
.f-ewm{text-align: center;}
.f-ewm img{ width: 50%; }
.f-ewm p{color: #333333; line-height: 42px;}

@media screen and (max-width: 1200px){
  .navbar-nav > li{ width: 20%; float: left; border:1px solid #fff; }
  .navbar-nav > li:nth-child(1),
  .navbar-nav > li:nth-child(2),
  .navbar-nav > li:nth-child(3),
  .navbar-nav > li:nth-child(4),
  .navbar-nav > li:nth-child(5){ border-bottom: none; }
  .navbar-nav > li:nth-child(1),
  .navbar-nav > li:nth-child(2),
  .navbar-nav > li:nth-child(3),
  .navbar-nav > li:nth-child(4),
  .navbar-nav > li:nth-child(6),
  .navbar-nav > li:nth-child(7),
  .navbar-nav > li:nth-child(8),
  .navbar-nav > li:nth-child(9){ border-right:none;  }
  .navbar-nav > li > a{ padding:15px 0; }
  .m-news .tit h3{ margin-left:0; }
  .f-type a{ margin-right: 34px; }
  .m-about .bd .video{ margin-bottom: 15px; }
  .m-about .bd .left{ padding-left: 15px; }
  .m-about .bd .right{ padding-right: 15px; }
  .m-news .tit img{ margin:70px 10px 20px 0;  }
  .m-super .bd li img{ max-width: 100%; }
  .h-tool .text-right > div{ display: none; }
  .navbar-nav{ float: none; }
  .h-top .logo{ display: block; overflow: hidden; text-align: left; }
  .h-top .logo img{ display: inline; max-width: 100%; }
  .m-about{ padding-bottom: 290px; }
  .m-about .hd{ padding:30px 0 26px; }
  .m-about .bd{ padding-bottom: 36px; }
  #footer{ background-size: cover; }
  .f-nav a{ padding:0 28px; }
  .f-qa{ display: none; }
  .m-super .bd li:nth-child(2) > div img{ top: -20px; }
  .m-news .txt .left a{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }
  .m-pro .bd{ padding:0 15px; }
  .m-type{ margin:30px 0; }
  .f-ewm img{ width:60%; }
  .m-super .bd li:nth-child(2){ margin-top: 15px; }
  .m-news .txt .left img{ width: 100%; float: none; }
}
@media screen and (max-width: 992px){
  .m-news .tit{ display: none; }
  .m-super .bd li{ text-align: center; }
  .m-super .bd li .txt{ text-align: left; }
  .m-super .bd li:nth-child(2) > div img{ top:-10px; }
  .m-super .bd li:nth-child(3) > div img{ position: relative; top:-20px; }
  .m-about{ padding-bottom: 0; }
  .m-pro{ margin-top:0; padding:0; }
  .m-news{ padding:24px 0; margin:0; }
  .picScroll-left{ padding-top: 62px; padding-left: 0; }
  .picScroll-left .hd{ position: absolute; top:0;  }
  .picScroll-left .bd li h3{ width: 200px; }
  .picScroll-left .bd li p{ width: 200px; }
  .h-tool{ background: #1e6d2f; }
  .h-tool .text-right{ display: none; }
  .h-top{ padding:15px 0; }
  .h-tool .text-left p{ color: #fff; }
  .f-nav{ display: none; }
  .m-type{ margin:15px 0; }
  .m-type a{ margin: 4px 6px; padding: 6px 18px; font-size: 14px; }
  .f-qa{ display: none; }
  .m-about{ background-size: cover; }
  .m-about .hd{ margin-top: 20px; padding:25px 0; }
  .m-about .bd .right{ padding-right: 15px; }
  .m-about .bd .right p{ text-align: left; line-height: 1.7; }
  .m-pro{ background-size: cover; }
  .f-qa > .container{ padding:0; }
  .m-super .bd li .txt{ margin-top: 20px; }
  .m-about .bd .right a{ padding:8px 30px; margin-top: 15px; }
  .m-tit > span{ font-size:40px; }
  .m-tit > div{ width: 24%; height: 30px; }
  .m-tit > div b{ top:15px; padding:0 20px; }
  .m-news .inner{ padding:0 15px; }
  .m-case .hd{ padding:65px 0 35px; }
  .m-case .bd{ padding-bottom:10px; }
  .f-ewm img{ width:auto; max-width:100%; }
  #footer{ padding:20px 0; }
  .m-super .hd{ padding:30px 0; }
  .m-super .bd li h3{ font-size:22px; }
  .m-news .txt{ margin-top: 0; }
  .h-top .tel p{ display: none; }
  .h-top .tel b i{ display: none; }
  .h-top .tel b span{ display: block; }
  .h-top .tel b{ line-height: 1.2; }
}
@media screen and (max-width: 768px){
  .h-top .tel{ display:none; }
  .h-top .logo{ text-align: center; }
  .m-news .txt .left, .m-news .txt .right{ width: 100%; }
  .m-about .bd .left{ text-align: center; }
  .m-about .bd .left img{ width:auto; max-width: 100%; }
  .m-about .bd .right{ padding-right: 15px; }
  .m-news .txt .right{ margin-top: 20px; padding-left: 0; }
  .f-ewm{ display: none; }
  .m-about .bd .right p > img{ width: 40%; float: left; margin:0 10px 10px 0; }
  .m-type{ display: none; }
  .m-pro .hd{ margin-bottom: 20px; }
  .m-news .txt{ margin-top: 0; }
  .f-bom{ margin: 10px 0 0; }
  .f-bom > div{ padding:0; }
  .de-page-mian .page-inner span, .de-page-mian .page-inner input{ display: none; }
  .pro-bd li img{ object-fit: contain; }
  .m-super .bd li:nth-child(2) > div img{ top:0; margin:15px 0; }
  .m-super .bd li:nth-child(3) > div img{ top:0; margin:15px 0; }
  .navbar-nav > li > a{ padding:10px 0; }
  #footer{ margin-bottom: 55px; }
  .m-super .hd h3{ background-size: 100%; }

}
@media screen and (max-width: 567px){
  .f-nav{ display: none; }
  .pro-bd li img{ height: 146px; }
  .m-about .hd{ margin-top:0; padding:20px 0; }
  .m-case .hd{ padding:65px 0 15px; }
  .m-case .bd{ padding-bottom: 20px; }
  .m-super .hd{ padding:0; }
  .m-super .hd h3{ height: 92px; }
  .m-super .bd li h3{ font-size:16px; margin-bottom: 12px; }
  .m-tit > div{ width:50%; height:20px; }
  .m-tit > span{ font-size: 30px; margin:15px 0 0; }
  .m-tit > div b{ top:10px; font-size: 20px; }
  .m-tit > hr{ margin-bottom: 8px; }
  .m-case .bd .swiper-slide .img{ height: 145px; }
  .m-news .txt .left img{ object-fit: cover; }
  .m-super .bd li:nth-child(3) > div img{ margin-top: 20px; }
  .navbar-nav > li > a{ font-size:14px; }
}